<template>
  <div>
    <!-- 搜素框 -->
    <el-input
      v-model="keyword"
      placeholder="输入员工姓名全员搜索"
      prefix-icon="el-icon-search"
      @input="changeValue"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      keyword: ''
    }
  },
  methods: {
  // 模糊搜索
    changeValue() {
      // 防抖处理
      // 清除定时器
      clearTimeout(this.timer)
      this.timer = setTimeout(() => {
        this.$emit('changeValue', this.keyword)
      }, 300)
    }
  }
}
</script>

<style>

</style>
